<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>订单统计图</title>
        <link rel="stylesheet" href="/layui/css/layui.css">
        <script src="/layui/layui.js"></script>
        <script src="/jquery/jquery-3.2.1.min.js"></script>
        <script src="/echarts/echarts.js"></script>
        <script type="text/javascript" src="/js/order/transaction-statistics.js"></script>
        <link rel="stylesheet" href="/css/goods/goods-table.css">
    </head>
    <body>
        <div class="layui-row col-sm-10 col-md-10 col-lg-10">
            <div class="layui-elem-quote">
                <div id="userTable" style="font-size: 18px;float: left">订单统计</div>
                <div style="float: right">
                    <button class="layui-btn" onclick="location.reload()"><i class="layui-icon layui-icon-refresh"></i>刷新
                    </button>
                    <button class="layui-btn" onclick="javascript:goBack();"><i class="layui-icon layui-icon-return"></i>返回
                    </button>
                </div>
            </div>
        </div>
        <div class="layui-row" style="padding-left: 5px">
            <button class="layui-btn" id="goods">商品订单</button>
            <button class="layui-btn" id="curriculum">课程订单</button>
        </div>
        <div class="layui-row">
            <h2 style="padding-left: 10px"><span class="layui-icon layui-icon-friends"></span>订单统计图</h2>
        </div>
        <div class="layui-row">
            <table class="layui-table" id="box">
                <tr id="title"></tr>
                <tr id="sum"></tr>
            </table>
        </div>
        <div class="layui-row">
            <h2 style="padding-left: 10px" class="layui-back"><span class="layui-icon layui-icon-chart-screen"></span>
                订单统计图</h2>
        </div>
        <div class="layui-row col-sm-10 col-md-10 col-lg-10">
            <div id="main" style="width: 100%;height: 500px"></div>
        </div>
        </div>
    </body>
</html>